// 类组件
// import React,{Component} from 'react';
// 函数组件
import React from 'react';
import styles from './header.module.css';
import {NavLink} from 'react-router-dom'

// 类组件
// export default class Header extends Component{
//   render(){
//     return (
//       <div className={styles.nav}>
//         <ul>
//           <li className={styles.active}><NavLink to="/home" activeClassName={styles.active}>首页</NavLink></li>
//           <li className={styles.active}><NavLink to="/follow" activeClassName={styles.active}>关注</NavLink></li>
//           <li className={styles.active}><NavLink to="/colUmn" activeClassName={styles.active}>栏目</NavLink></li>
//         </ul>
//       </div>
//     )
//   }
// }

// 函数组件
export default function Header() { 
  return (
    <div className={styles.nav}>
      <ul>
        <li className={styles.active}><NavLink to="/home" activeClassName={styles.active}>首页</NavLink></li>
        <li className={styles.active}><NavLink to="/follow" activeClassName={styles.active}>关注</NavLink></li>
        <li className={styles.active}><NavLink to="/colUmn" activeClassName={styles.active}>栏目</NavLink></li>
      </ul>
    </div>
  )
}